<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/system/include/common.jsp" %>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录页</title>
<link rel="stylesheet" type="text/css" href="${jsAndCss}/css/style.css" />
<link rel="stylesheet" type="text/css" href="${jsAndCss}/css/skin_/login.css" />
<script type="text/javascript" src="${jsAndCss}/js/jquery.js"></script>
<script type="text/javascript" src="${jsAndCss}/js/jquery.select.js"></script>
</head>
<body>
<div id="container">
    <div id="bd">
    	<form action="${ctx}/login" method="post">
	    	<div id="main">
	        	<div class="login-box">
	                <div id="logo"></div>
	                <h1></h1>
	                <div class="input username" id="username">
	                    <label for="username">用户名</label>
	                    <span></span>
	                    <input type="text" id="username" name="username" />
	                </div>
	                <div class="input psw" id="psw">
	                    <label for="password">密&nbsp;&nbsp;&nbsp;&nbsp;码</label>
	                    <span></span>
	                    <input type="password" id="password" name="password"/>
	                </div>
	                <div class="input validate" id="validate">
	                    <label for="valiDate">验证码</label>
	                    <input type="text" id="valiDate" />
	                    <div class="value">X3D5</div>
	                </div>
	                <span class="kv-item-tip error" style="margin:325px 0 0 80px">${msg }</span>
	                <div class="styleArea">
	                    <div class="styleWrap">
	                        <select name="style">
	                            <option value="默认风格">默认风格</option>
	                            <option value="红色风格">红色风格</option>
	                            <option value="绿色风格">绿色风格</option>
	                        </select>
	                    </div>
	                </div>
	                <div id="btn" class="loginButton">
	                    <input type="submit" class="button" value="登录"  />
	                    <a href="${ctx }/register"><input type="button" class="button" value="注册"  /></a>
	                </div>
	            </div>
	        </div>
        </form>
        <div id="ft">CopyRight&nbsp;2018-07-04&nbsp;&nbsp;版权所有&nbsp;&nbsp;</div>
    </div>
   
</div>
</body>
<script type="text/javascript">
	var height = $(window).height() > 445 ? $(window).height() : 445;
	$("#container").height(height);
	var bdheight = ($(window).height() - $('#bd').height()) / 2 - 20;
	$('#bd').css('padding-top', bdheight);
	$(window).resize(function(e) {
        var height = $(window).height() > 445 ? $(window).height() : 445;
		$("#container").height(height);
		var bdheight = ($(window).height() - $('#bd').height()) / 2 - 20;
		$('#bd').css('padding-top', bdheight);
    });
	$('select').select();
	
	$('.loginButton').click(function(e) {
        document.location.href = "main.html";
    });
</script>

</html>
